<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登陆页面</title>
    <link rel="stylesheet" type="text/css" href="./index.css" />
  </head>
  <body>
    <div class="content">
      <h1>Squad Server 服务管理工具</h1>
      <p>不专业的 Squad 游戏服务器监控与管理平台</p>
    </div>

    <div class="login-container">
      <div class="promo-section">
        <div class="promo-item">
          <h3>不专业面板托管</h3>
          <p>提供需要的游戏面板解决方案</p>
        </div>
        <div class="promo-item">
          <h3>智能游戏监管</h3>
          <p>全维度玩家统计与社区管理工具套件</p>
        </div>
        <div class="promo-item">
          <h3>开源安全保障</h3>
          <p>代码开源至Gitee社区，接受开发者生态监督</p>
        </div>
        <div class="promo-item">
          <h3>功能不全面</h3>
          <p>
            基础版服务免费提供。付费功能将根据使用频率决定是否免费开放（根本没做）。
          </p>
        </div>
      </div>

      <div class="login-section">
        <h1>登陆入口</h1>
        <form @submit.prevent="handleLogin">
          <div class="form-group">
            <label for="username">用户名</label>
            <input
              type="text"
              id="username"
              v-model="username"
              placeholder="请输入管理员账号"
              required
            />
          </div>
          <div class="form-group">
            <label for="password">密码</label>
            <input
              type="password"
              id="password"
              v-model="password"
              placeholder="请输入密码"
              required
            />
          </div>
          <!-- <div v-if="message" :class="['message', messageType]">
            {{ message }}
          </div> -->
          <button type="submit" class="login-btn" :disabled="loading">
            登录
          </button>
        </form>
      </div>
    </div>

    <script src="login.js" defer></script>
  </body>
</html>
